<template>
  <div>index</div>
</template>

<script lang="ts" setup>
if (process.env.NODE_ENV !== 'production') {
  const modulesFiles = require.context('@/', false, /dev\.config\.local\.ts$/)
  const localConfig = modulesFiles.keys().reduce((_modules, modulePath) => {
    return modulesFiles(modulePath)
  }, {})

  // 跳转到正在开发的页面
  localConfig.toDevPage?.()
}
</script>

<style lang="scss">
page {
  background-color: #f5f5f5;
}

.index {
  // padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  .ListLoad {
    top: 44px;
  }
}

.index_search {
  padding-top: 6px;
  padding-left: 16px;
  padding-right: 100px;

  .search-wrap {
    position: relative;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 16px;
    height: 32px;
    display: flex;
    align-items: center;

    // .nut-icon {
    // position: absolute;
    // }

    .search-ipt {
      margin: 0 10px;
      flex: 1;
    }

    .nut-icon-circle-close {
      padding: 4px 0 4px 4px;
    }
  }
}

.index_swiper {
  padding: 10px;
}

.goods-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
  padding-top: 10px;

  .goods-item {
    width: 50%;
    margin-bottom: 10px;
  }

  .goods-item__wrap {
    margin-left: 10px;
  }
}
</style>
